import React, { Component } from 'react';
import style from './Dialog.module.scss';

export default class Dialog extends Component {
    render() {
        let {
            // 获取显示状态
            showState,
            // 获取对话框内容
            dialogContent
        } = this.props;

        // 如果值为 true 则显示对话框
        if(showState) {
            return (
                <div 
                    className={style.Dialog}
                    onClick={() => {
                        this.props.closeThis()
                    }}
                >
                    <div className={style.Masklayer}></div>
                    {!dialogContent ?
                        // 当对话内容没有配置的时候
                        <div className={style.DialogBox}>（无内容）</div>
                        :
                        // 当对话内容已经配置的时候
                        <div className={style.DialogBox}>
                            <div>姓名：{dialogContent.adminName}</div>
                            <div>户籍：{ dialogContent.city}</div>
                            <div>出处：{dialogContent.province}</div>
                            <div>身份：{dialogContent.positions}</div>
                            <div>千里传音：{dialogContent.tel}</div>
                        </div>
                    }
                </div>
            )
        }
        // 如果值为 false 则怎么都不显示
        else {
            return null;
        }
    }
}
